var $ = require('../../lib/jquery');
var util = require('./common/util');
var nav = require('./common/nav');
var minHeight = require('./common/minHeight');
minHeight.init();
var _header = require('./common/header');
var template = require('../tpl/template');
var _nav = new nav();
var header = new _header();

//智能导诊
var zndz = {
  sex:0, // 男女
  id:1, // 前后
  cache_data:null,
  sexchange: function (medicalid) { //性别切换
    var _this = this;
    $('body').on('click', '.js_btn2 i,.js_btn_man,.js_btn_women', function () {
      var sex = $(this).data().sex;
      if (sex != _this.sex){
        _this.sex = sex;
        $('.js_btn2 span').toggleClass('nv');
        $('.js_people').toggleClass('man').toggleClass('nv');
        $('.js_btn_man .circle').toggleClass('on');
        $('.js_btn_women .circle').toggleClass('on');
        _this.areafetch();
      }
    })
  },
  changebefore: function (medicalid) { // 前后切换
    var _this = this;
    $('.js_qianhou').on('click', function () {
      $('.js_people').toggleClass('fan');
      _this.id = $(this).data().id == '1' ? '0' : '1';
      $(this).data({id:_this.id})
    })
  },
  areafetch: function (medicalid) { // 部分列表
    var _this = this;
    util.fetch('api/diagnosis/queryTypeList',{
      sex:_this.sex,
    }).then(function(res) {
      _this.cache_data = res.data;
      _this.areaRender(res.data)
    }).fail(function(res){
      console.log(res);
    })
  },
  areaRender: function (data) {
    var tpl = template('span',{data:data});
    $('.js_area_wrap').html(tpl);
    var n = data[0];
    this.areaDetail(n.id,n.name);
  },
  areaDetail: function (id,name) {
    var _this =this;
    util.fetch('api/diagnosis/list',{
      parentId: id,
    },{
      timeout:1000
    }).then(function(res){
      _this.areaDetailRender(res.data);
      $('.js_area_detail_text').html(name);

    })
  },
  areaDetailRender: function (data) {
     var tpl = template('span', {
       data: data
     });
     $('.js_area_detail_wrap p').html(tpl);
     this.showSymptom(data[0].id)
  },
  page:1,
  maxpage:0,
  alldata:null,
  showSymptom: function (id) {
    var _this = this;
    util.fetch('api/diagnosis/querySymptoms',{
      diagnosisId:id
    },{
      timeout:10000,
    }).then(function(res){
      _this.page = 1;
      _this.maxpage = Math.ceil(res.data.length/12);
      _this.alldata = res.data;
      _this.symptom_render();
    })
  },
  symptom_render: function (medicalid) {
    var start = 10*(this.page -1);
    var end = 10*(this.page);
    var data = this.alldata.slice(start,end);
    var tpl = template('span',{data:data});
    $('.js_department').html(tpl);
    if(this.maxpage ==1){
      $('.js_wrap_calculate').hide();
    }else{ // 最大页数不=1；
      $('.js_wrap_calculate').show();
      $('.js_wrap_calculate').find('span').removeClass('on');
      if(this.page == this.maxpage){
        $('.js_wrap_calculate').find('.js_page_add').addClass('on');
      }else if(this.page ==1){
        $('.js_wrap_calculate').find('.js_page_reduce').addClass('on');
      }else{

      }
    }
  },
  click_event: function (medicalid) {
    var _this = this;
    $('.js_area_wrap').on('click', 'span', function () {
      $(this).siblings().removeClass('on');
      $(this).addClass('on');
      var id = $(this).data().id;
      var name = $(this).data().name;
      console.log($(this).data());
      _this.areaDetail(id,name)
    })
    $('.js_area_detail_wrap').on('click','span', function () {
      $(this).siblings().removeClass('on');
      $(this).addClass('on');
      var id = $(this).data().id;
      _this.showSymptom(id);
    })
    $('.js_department').on('click','span', function () {
      var department = $(this).data().department;
      _this.show_modol(department);
    })
    $('body').on('click', '.js_layer,.js_tip_content .x',function () {
      $('.js_layer').addClass('hide');
      // $('body,html').toggleClass('noscroll');
      $('.js_tip_content').addClass('hide');
      // window.scrollTo(0, _this.scroll_num);
    })
    $('.js_page_add').on('click', function(){
      if(_this.page <_this.maxpage){
        _this.page++;
        _this.symptom_render();
      }
    });
    $('.js_page_reduce').on('click', function () {
      if(_this.page >1){
        _this.page--;
        _this.symptom_render();
      }
    });

  },
  show_modol: function (name) {
    // this.scroll_num = window.scrollY;
    // $('body,html').toggleClass('noscroll');
    $('.js_layer').removeClass('hide');
    $('.js_tip_content').removeClass('hide').find('.content').html(name);
  },
  body_part_click: function (medicalid) {
    var _this = this;
     var n ={};
    // 男： 头部 颈部 颈部 腹部  生殖器相关   上肢  下肢  枕部 后颈  背部 臀部
    // 女  头部 颈部 颈部 腹部  生殖器相关   上肢  下肢  枕部 后颈  后背 臀部
    // js_head js_jingbu js_hand js_xiong  js_fu js_shengzhiqi  js_foot
    $('.js_head').on('click', function () { // 前头 后枕
     
      if(_this.id ==1) {
        _this.cache_data.forEach(function (item){
          if (item.name == '头部'){
            n = item
          }

        })
      }else{
        _this.cache_data.forEach(function (item ) {
          if (item.name == '枕部') {
            n = item
          }
        })
      }
      _this.areaDetail(n.id,n.name);
      $('.js_area_wrap span').removeClass('on');
      $('.js_area_wrap span[data-id=' + n.id + ']').addClass('on');
    })
    $('.js_jingbu').on('click', function () {
      if (_this.id == 1) {
        _this.cache_data.forEach(function (item ) {
          if (item.name == '颈部') {
            n = item
          }
        })
      } else {
        _this.cache_data.forEach(function (item) {
          if (item.name == '后颈') {
            n = item
          }
        })
      }
      _this.areaDetail(n.id, n.name);
       $('.js_area_wrap span').removeClass('on');
       $('.js_area_wrap span[data-id=' + n.id + ']').addClass('on');
    })
     $('.js_hand').on('click', function () {
        _this.cache_data.forEach(function (item) {
          if (item.name == '上肢') {
            n = item
          }
        })
       _this.areaDetail(n.id, n.name);
        $('.js_area_wrap span').removeClass('on');
        $('.js_area_wrap span[data-id=' + n.id + ']').addClass('on');
     })
      $('.js_xiong').on('click', function () {
         if (_this.id == 1) {
           _this.cache_data.forEach(function (item) {
             if (item.name == '胸部') {
               n = item
             }
           })
         } else {
            _this.cache_data.forEach(function (item) {
              if (item.name == '背部' || item.name == '后背') {
                n = item
              }
            })
         }
         _this.areaDetail(n.id, n.name);
          $('.js_area_wrap span').removeClass('on');
          $('.js_area_wrap span[data-id=' + n.id + ']').addClass('on');
      })
       $('.js_fu').on('click', function () {
         _this.cache_data.forEach(function (item) {
           if (item.name == '腹部') {
             n = item
           }
         })
         _this.areaDetail(n.id, n.name);
          $('.js_area_wrap span').removeClass('on');
          $('.js_area_wrap span[data-id=' + n.id + ']').addClass('on');
       })
        $('.js_shengzhiqi').on('click', function () {
           if (_this.id == 1) {
             _this.cache_data.forEach(function (item) {
               if (item.name == '生殖器相关') {
                 n = item
               }
             })
           } else {
             _this.cache_data.forEach(function (item) {
               if (item.name == '臀部') {
                 n = item
               }
             })
           }
           _this.areaDetail(n.id, n.name);
            $('.js_area_wrap span').removeClass('on');
            $('.js_area_wrap span[data-id=' + n.id + ']').addClass('on');
        })
         $('.js_foot').on('click', function () {
           _this.cache_data.forEach(function (item) {
             if (item.name == '下肢') {
               n = item
             }
           })
            _this.areaDetail(n.id, n.name);
             $('.js_area_wrap span').removeClass('on');
             $('.js_area_wrap span[data-id=' + n.id + ']').addClass('on');
         })
    
 
  },
  bindevent: function (medicalid) {
    this.sexchange();
    this.changebefore();
    this.areafetch();
    this.click_event();
    this.body_part_click();
    $('.js_index').on('click',function(){
      location.href="./index.html";
    })
  }
}
zndz.bindevent();